<template>
  <van-popup class="van-popup" :overlay="false" :show="loading">
    <van-loading type="spinner" color="#1989fa" size="40" vertical>
      加载中...
    </van-loading>
  </van-popup>
</template>

<script setup>
  const props = defineProps({
    loading: { type: Boolean, default: false }
  })
</script>

<style lang="scss" scoped>
  .van-popup {
    padding: 6rem;
    border-radius: 1rem;
    background: rgb(26, 26, 26, .3);
  }

</style>